<template>
  <div class="set-bill">
    <!-- 财务设置 -->
    <el-tabs v-model="activeName" class="site-tab">
      <el-tab-pane label="支付" name="1">
        <payment-tab/>
      </el-tab-pane>
      <el-tab-pane label="虚拟币" name="2">
        <code-tab/>
      </el-tab-pane>
      <el-tab-pane label="退款" name="3">
        <refund-tab/>
      </el-tab-pane>
      <el-tab-pane label="充值" name="4">
        <recharge-tab/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import PaymentTab from './components/setbill/payment' // 支付
import CodeTab from './components/setbill/virtualcode'// 虚拟币
import RefundTab from './components/setbill/refund'// 退款
import RechargeTab from './components/setbill/recharge'// 充值
export default {
  components: {
    PaymentTab,
    CodeTab,
    RefundTab,
    RechargeTab
  },
  data() {
    return {
      activeName: '1'
    }
  }
}
</script>

<style lang="scss">
.set-bill {
  .site-tab {
    padding: 0 20px;
  }
}
</style>
